<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css 边框</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <h1>css 边框</h1>
    <p id="border">边框</p>

    <h1>外边距</h1>
    <p id="margin">外边距 auto</p>

    <h1>内边距</h1>
    <p id="padding-p">内边距</p>
    <div id="padding-div">neibianju</div>

    <h1>css盒模型</h1>
    <div id="box">
        此文本是盒子里的内容。我们添加了 50px 的内边距，20px 的外边距和 15px 的绿色边框。
        此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。
        此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。
        此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。
    </div>

</body>

</html>